﻿@charset "utf-8";
/* reset */

body { _height: 100%; }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0; }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1; }
li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none; }
img { vertical-align: top; }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer; } 
button { cursor: pointer; }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none; }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio; }
input[type=checkbox] { -webkit-appearance: checkbox; }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; }
textarea { overflow: auto; resize: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
th { font-weight: normal; }
em, cite, address, i { font-style: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
body, input, select, button, textarea { font-size: 14px; font-family: "Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53"; }
body { line-height: 1.5; }
a { text-decoration: none; color: #000;/*transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;*/}
a:hover { color: #006DBB;}
a { blr: expression(this.onFocus=this.blur()); }
a * { *cursor: pointer; }
:focus { outline: none; }

.edit_con_original { line-height: 1.8; padding: 0 0; color: #333; }
.edit_con_original ul { margin: inherit; padding: inherit; }
.edit_con_original ul li { list-style-type: disc; margin: auto; }
.edit_con_original ol { margin: inherit; padding: inherit; }
.edit_con_original ol li { list-style-type: decimal; margin: auto; }
.edit_con_original h1 { font-size: 2em; font-weight: bold; }
.edit_con_original h2 { font-size: 1.5em; font-weight: bold; }
.edit_con_original h3 { font-size: 1.17em; font-weight: bold; }
.edit_con_original h4 { font-size: 1em; font-weight: bold; }
.edit_con_original h5 { font-size: 0.83em; font-weight: bold; }
.edit_con_original h6 { font-size: 0.67em; font-weight: bold; }
.edit_con_original em { font-style: italic; }
.edit_con_original cite { font-style: italic; }
.edit_con_original address { font-style: italic; }
.edit_con_original i { font-style: italic; }
.edit_con_original table { border-collapse: separate; border-spacing: 2px; }
.edit_con_original img { max-width: 100%; height: auto; }


/*所有后台编辑器区域都要引用 edit_con_original 类名*/

/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .xzheader:before, .xzc3main:before, .xzc3footer:before { content: ''; display: table; }
.fixed:after, .clearfix:after, .cf:after, after, .xzheader:after, .xzc3main:after, .xzc3footer:after { content: ''; display: table; clear: both; }
.fixed, .clearfix, .cf, .xzheader, .xzc3main, .xzc3footer { *zoom: 1; }

.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important; }

/*{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#bbaf1f24", EndColorStr="#bbaf1f24")}*/
.auto-img { position: relative; overflow: hidden; display: block; }
.auto-img img { position: relative; width:100%; height:auto; }

.yahei{ font-family:"微软雅黑";}
.arial{ font-family:Arial;}
.song { font-family: "\5b8b\4f53"; }

.official_block2 .off_con{ background:#F7F7F7;}
.official_block2 .txt p{
    font-size: 16px;
    color: #606060;
    padding-left: 10px;
    background: url(../images/dot31.png) left 16px no-repeat; line-height:2.4em;}


.content_box{ min-width: 320px; max-width:1660px; margin:0 auto; overflow:hidden; position:relative;}

.wrap{/*width:86.7%;*/ margin:0 auto; position:relative;}
.bdshare-button-style2-16 a{float:left; margin:0 9px!important; width:20px!important; height:20px!important; padding:0!important;}
.bdshare-button-style2-16 .bds_tsina{background:url(../images/dot04.png) left top no-repeat !important;}
.bdshare-button-style2-16 .bds_tqq{background:url(../images/dot05.png) left top no-repeat !important;}
.bdshare-button-style2-16 .bds_qzone{ background:url(../images/dot06.png) left top no-repeat !important;}
.bdshare-button-style2-16 .bds_weixin{background:url(../images/dot07.png) left top no-repeat !important; margin-right:0!important;}

.ratio-img{ display:block;}

.xzheader{ padding:15px 0 25px;position: relative; z-index:9;max-width:1660px; margin:0 auto;}
.xzheader.fixedhede{ position:fixed; top:0; width:100%;  z-index:1000; box-shadow:0 0 5px #bbb;background:#fff;}
.lt9 .xzheader.fixedhede { border-bottom:1px solid #eee;}
.xzheader .logo{ margin:40px 0 0; float: left;}
.xzheader .r-tbox{ float:right; width:260px;}
.xzheader .r-tbox a.en{ float:left; margin:10px 45px 0 0; color:#A4A4A4; padding-right:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; /*background:url(../images/dot02_r.png) right center no-repeat;*/}
.xzheader .r-tbox a.en:hover{color:#212121;}
.xzheader .r-tbox .wb{ float:right; margin:8px 0 0;}
.xzheader .r-share{ float:left; width:100%; margin:6px 0 12px;}
.xzheader .search {float:left; width:100%; height:30px; line-height:30px; border:1px solid #898989; /*-moz-border-radius:15px;-webkit-border-radius:15px;-ms-border-radius:15px;-khtml-border-radius:15px;border-radius:15px;-moz-box-shadow:0px 2px 0px 0px #7F796E inset;-webkit-box-shadow:0px 2px 0px 0px #7F796E inset;box-shadow: 0px 2px 0px 0px #7F796E inset;*/}
.xzheader .search input { height:28px; line-height:28px; float: left; }
.xzheader .search input.s_inp{ width:215px; border:0; position: relative; top:2px; font-size: 12px; float: left; background: none; padding-left:10px; }
.xzheader .search input.s_inp + input { border: 0; background: url(../images/dot03.png) center center no-repeat; width:34px; overflow: hidden; text-indent: -100px; position: relative; top:2px; float: left; }
.xzheader .search.on{ border:1px solid #0F529A;}

.video_tab_c p{ display:block; clear:both; color:#fff; text-align:center; width:90%; line-height:1.4em; position:absolute; left:0; z-index:400; left:50%; margin-left:-45%;}

.mobile-bon, .mobile-mask { display: none; }
.head-menu { float:left; width:900px;margin:30px 0 0;}
.head-menu nav{ display:block; float:left;}
.head-menu ul { padding:0 0 0 40px;}
.head-menu li { float: left; width:128px; text-align:center; height: 44px;}
.head-menu li.li01{width:85px;}
.head-menu li.li01 a{background:none;}
.head-menu li.on{color:#036EBB; font-weight:bold}
.head-menu li > a { line-height:24px; height:24px; font-size:20px; color:#1E508E;background:url(../images/dot01.png) left center no-repeat;display: block;/* transition: 0.2s all;*/}
.head-menu li:hover > a,.head-menu li.hover > a {  color:#036EBB; font-weight:bold}
.head-menu li.hover em.arr{ display:block; width:100%; height:20px; background:url(../images/dot48.png) center bottom no-repeat;}
.head-menu li.last{ display:none;}
.head-menu .child {display: none; position: absolute;top:100%;width:1660px; left:50%; margin-left:-830px;background: #38A1EC;/*opacity:0;*/ -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -ms-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.head-menu .child a { color: #fff;}
.head-menu .child .txt { width:40%; margin:0 auto; font-size: 14px; padding:10px 0; height:90px;}
.head-menu .child .txt .num{ float:left; width:10%;}
.head-menu .child .txt .num span{ padding-left:18px;font-size:40px; color:#fff; font-family:Arial, Helvetica, sans-serif;background:url(../images/dot49.jpg) left top no-repeat;}
.head-menu .child .txt .abox{ float:left; width:85%; margin-left:5%; padding-top:0;}
.head-menu .child .txt .abox dd { float:left; width:25%; line-height:20px; padding:5px 0; text-align:left;}
.head-menu .child .txt .abox dd a{color:#fff; display:inline-block; padding:0 5px; font-weight: normal;}
.head-menu .child .txt .abox dd a:hover,.head-menu .child .txt .abox dd a.on{ color: #fff; background:#006DBB;}
.head-menu li.hover .child{display:block;opacity:1; }
.head-menu li.li02 .child .txt .abox,.head-menu li.li05 .child .txt .abox{ padding-top:10px;}
.head-menu li.li03 .child .txt .abox,.head-menu li.li06 .child .txt .abox{ padding-top:20px;}

.xzc3main { position: relative;}
.banner { max-width: 1660px; margin: 0 auto; position: relative; z-index: 2; /*background: #000;filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;*/}
.banner .bx-wrapper .bx-pager.bx-default-pager i {text-indent: -9999px;display: block;width: 12px;cursor: pointer;height: 12px;margin: 0 7px;outline: 0;position: relative;background: url(../images/dot08.png) no-repeat;}
.banner .bx-wrapper .bx-pager.bx-default-pager i:hover, .banner .bx-wrapper .bx-pager.bx-default-pager i.active {
    background: url(../images/dot08_on.png) no-repeat;}
.banner .bx-wrapper .bx-pager, .banner .bx-wrapper .bx-controls-auto {bottom: 0px;}





a.more{ color:#422D19; padding-right:10px; background:url(../images/dot16.png) right center no-repeat;}
a.more:hover{}
a.more1{ display:inline-block; zoom:1; *+display:inline;width:86px; height:19px; line-height:19px; text-align:left; text-indent:20px; color:#fff; background:url(../images/dot11.png) no-repeat;}
a.more1:hover{}

.tit{ margin:0 0 30px; position:relative;}
.tit h1{font-size:40px; color:#1E508E;transition:all 0.3s;}
.tit h1 a{font-size: 30px;
font-weight: 500;
color: #404040;}
.tit h1:hover{transform:translateX(10px);}
.tit em{line-height:0.5; font-size:48px;color:#E0E0E0; font-family:Tahoma,Arial;text-transform:uppercase;*+line-height:1;}

.ind_block1{ padding:50px 0 0;}
.ind_block1 .tit em + a{ float:right; width:86px; height:19px; line-height:19px; text-align:left; text-indent:20px; color:#fff; background:url(../images/dot11.png) no-repeat;}
.list{padding:30px 0;}
.list li{ float:left; width:48%; margin:0 0 70px;opacity:0;}
.list li.an{ float:right;}
.list li .img{ float:left; width:43%;}
.list li .txt{ overflow:hidden; padding:0 0 0 20px;}
.list li .h{ font-size:24px; line-height:1.2; height:56px; margin:0 0 28px; overflow:hidden;}
.list li .h a{ color:#1E508E;}
.list li .h a:hover{ color:#006DBB;}
.list li .p{ color:#62666E;}
.list li .p > .p1{ padding-bottom:15px;}
.list li.l_l01,.list li.l_l03{ margin-left:-200px;}
.list li.l_l02,.list li.l_l04{ margin-right:-200px;}

.ind_block2{ background:#EBEBEB; padding:20px 0 0 0px; width:100%;}
.ind_block2 .tit{text-align:center; margin-bottom:10px;}
.ind_block2 .tit h1:hover{ transform:translateX(-10px);}
.list1 ul{ margin:0 0px;}
.list1 li{ float:left; width:25%; *+width:24.9%;opacity:0;margin-bottom:15px; }
.list1 li .inner{margin:10px; position:relative;}
.list1 li .img img{border-radius: 20px; overflow:hidden;opacity: 0.8;transition:all 0.6s;transform: translate3d(0,0,0) scale(1);}
.list1 li:hover .img img{transition:all 0.3s;transform: translate3d(-10px,-10px,0) scale(1.1);height:100%;}
.list1 li .txt{ position:absolute; left:0; top:60%; width:100%; height:100%; color:#fff; text-align:center;}
.list1 li .txt span{ display:block; margin:120px 0 10px;}
.list1 li .txt h2{ font-size:24px; margin:50px 0 0;}
.list1 li .txt h2 a{color:#fff; background: url(../images/index-pop.png) repeat;padding:10px;
}
.list1 li .txt h2 + em{ display:block; margin:15px auto 30px; width:40px; height:2px; border-bottom:1px solid #fff;}
.list1 li .txt .p{ padding:0 10% 50px; display:none;}
.list1 li.li_01,.list1 li.li_02{ width:50%;*+width:49.9%;}
.list1 li.li_06{ width:100%;*+width:99.9%;}
.list1 li.li_03,.list1 li.li_04,.list1 li.li_05{ width:33.333%;*+width:33.333%;}

.list1 li.li_03 .img img,.list1 li.li_04 .img img,.list1 li.li_05 .img img{ height:150px;border-radius: 20px; overflow:hidden;}
.list1 li.li_01 .txt h2,.list1 li.li_02 .txt h2{font-size:36px; margin:0;}
.list1 li.li_01 a.more,.list1 li.li_02 a.more{ display:inline;}
.list1 li.li_ass span{ margin:20px 0 0;}
.list1 li.li_ass h2{ margin:10px 0 0;}
.list1 li.li_env h2{ margin:10px 0 0;}
.list1 li.li_env .img img{transform: translate3d(0,0,0) scale(1);}
.list1 li.li_10 .img img{transform: translate3d(0,0,0) scale(1);}
.list1 li.li_10:hover .img img{opacity: 1;transform: translate3d(0,0,0) scale(1);}
.list1 li.li_env h2 { text-align:left;}
.list1 li.li_env h2 a{ color:#4B4B4B; background:none; line-height:12px;font-size:15px; border-left:3px  solid #4594F1;padding:0  0 0 10px;}

.list1 li.li_env h2 a:hover{ color:#F00}


.list1 li.li_env h2 em{ border-bottom:1px solid #4B4B4B;}
.list1 li.li_01 .txt h2 + em,.list1 li.li_02 .txt h2 + em{margin:15px auto 30px;}

.list1 li.li_01,.list1 li.li_02{ margin-top:200px;}
.list1 li.li_03,.list1 li.li_04,.list1 li.li_05,.list1 li.li_06,.list1 li.li_07,.list1 li.li_08,.list1 li.li_09,.list1 li.li_10{ margin-left:-200px;}
.list1 li.li_07 .txt a.more{ display:none;}


.ind_block3{ background:url(../images/dot09.jpg) left top no-repeat; margin-top:1px;height:692px;}
.ind_block3 .tit{ padding-top:200px; float:left; width:34%; z-index: 99;}
.ind_block3 .tit em{color:#6AB03B;text-shadow:2px 2px 0 #fff;/*-moz-text-stroke:2px #fff;-webkit-text-stroke:2px #fff;text-stroke:2px #fff;*/}
.ind_block3 .inner{ float:right; width:64%;*+width:63.9%;}
.ind_block3 .ll_box{ float:left; width:57%;}
.ind_block3 .rr_box{float:right; width:38%;}
.ind_block3 .rr_box ul{padding:90px 0 0;}
.ind_block3 .rr_box ul li{ float:left; width:100%; padding:0 0 60px;color:#49B7A0;transition:all 0.3s;}
.ind_block3 .rr_box ul li:hover{transform:translateX(10px);}
.ind_block3 .rr_box ul li h2{ font-size:20px;}
.ind_block3 .rr_box ul li span{ display:block; font-size:14px;font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.ind_block3 .rr_box ul li em{ display:block; margin:15px 0 0; width:50px; height:2px; background:#49B7A0;}
.ind_block3 .rr_box ul li + li{color:#3D82C8;}
.ind_block3 .rr_box ul li + li em{ background:#3D82C8}
.ind_block3 .rr_box ul li + li + li{color:#FE8522;}
.ind_block3 .rr_box ul li + li + li em{ background:#FE8522}
.ind_block3 .rr_box ul li + li + li + li{color:#E54537;}
.ind_block3 .rr_box ul li + li + li + li em{ background:#E54537}

.ind_block3 .rr_box ul li a{color:#49B7A0;}
.ind_block3 .rr_box ul li + li a{color:#3D82C8;}
.ind_block3 .rr_box ul li + li + li a{color:#FE8522;}
.ind_block3 .rr_box ul li + li + li + li a{color:#E54537;}


.list2{padding:90px 0 0;}
.list2 li{ float:left; width:100%;*+width:99.9%;}
.list2 li .img{ position:relative; max-width:520px; max-height:320px;}
.list2 li .img span{ width:30px; height:30px; position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px; background:url(../images/d_dot14.png) no-repeat;}
.list2 li h2{ text-align:center; margin:10px 0; font-size:16px; color:#1E508E;}
.list2 li .txt{ overflow:hidden; padding:0 30px 0 15px;}
.list2 li .txt h2{ font-size:16px; padding:0 0 20px;word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.list2 li .txt h2 a{color:#1E508E;}
.list2 li .txt h2 a:hover,.list2 li .txt h2:hover{color:#006DBB;}
.ind_block3 .c_con{ padding:30px 0 0;}
.ind_block3 .c_con .c_t{ font-size:30px; color:#1E508E; margin:0 0 30px;}
.ind_block3 .c_con .c_c{ color:#242424; line-height:1.8;}


.ind_block4{ position:relative;}
.ind_block4 .img{ width:100%;}
.ind_block4 .txt{ width:52%; position:absolute; right:-300px; top:50%; height:310px; margin-top:-155px;background:url(../images/bg01_1.png) repeat;opacity:0;}
.ind_block4 .txt dl{padding:50px 70px; color:#fff; background:url(../images/dot17.png) right top no-repeat;}
.ind_block4 .txt dl dt{ font-size:36px; padding:0 0 20px;transition:all 0.3s;opacity:0; cursor:default;}
.ind_block4 .txt dl dt:hover{transform:translateX(10px);}
.ind_block4 .txt dl dd{ font-size:18px; line-height:2; margin-left:-100px;opacity:0;}


.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:1000; display:none;}
/*.video_bg{ background:#000;left:10%; top:5%; position:absolute; height:90%; width:80%;}*/
.video_tab_t{ position:relative;text-align:center; width:50%; z-index:2; margin:0 auto;}
.video_tab_t li{ float:left; width:33.3%; text-align:center; color:#fff;}
.video_tab_t li a{ display:block; width:80%; height:30px; line-height:30px; margin:15% auto; background:#fff; color:#006DBB;}
.video_tab_t li a.on{color:#fff; background:#006DBB;}

.video_appbox .video_t{ left:10%; top:15%; position:absolute; height:70%; width:80%; z-index:2; background:#000;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.closeVideo{ display:block; width:40px; height:40px; position:absolute; right:-20px; top:-20px; z-index:50000; background:url(../images/close.png) no-repeat;}

.xzc3footer{margin:30px 0 0;color:#000000; font-size:12px; border-top:1px solid #B2D4EA; padding:30px 0;}
.foot_ll{float:left; width:65%font-family:Arial, Helvetica, sans-serifa;}
.foot_rr{ float:right;/*width:35%;*/*+width:34.9%;}
.foot_ll em{ padding:0 20px; font-size:10px; color:#A3A3A3;}
.foot_rr{ text-align:right;}
.foot_rr a{color:#000000;}
.foot_rr a:hover{ color:#77B4D3;}
.foot_rr em{ padding:0 20px; font-size:10px; color:#A3A3A3;}


.select-box {float:left; text-align:left; width:170px; height:35px; line-height:35px;position:relative; z-index:5;border:1px solid #E1E1E1;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.select-box:hover{ z-index:6;}
.select-box dt {cursor: pointer; padding:0 30px 0 20px; background:url(../images/dot12.png) 145px center no-repeat;}
.select-box dt b{ font-weight:normal;font-size:12px;}
.select-box dt b.on{ color:#000;}
.select-box.selfocus{ border:1px solid #E2CFA4;}
.select-box.selfocus dd{border:1px solid #E2CFA4;border-top:none;}
.select-box dd { position: absolute; max-height:200px; line-height:2; z-index:7; overflow-y: auto;background:#fff;overflow-x: hidden; width:100%;top: 100%; margin-top:-3px; display: none; border:1px solid #E1E1E1; border-top:none; left:-1px;}
.select-box dd a { display: block;font-weight:normal; white-space: normal; padding:0 20px;font-size:12px;}
.select-box dd a:hover, .select-box dd a.on { color:#E2CFA4;}

.phone_share,.banner1{ display:none;}

.video_menu_left{ display:block; width:64px; height:64px; position:absolute; left:2%; top:50%; margin-top:-32px; background:url(../images/icon_left.png) no-repeat left center; z-index:200; display:none;}
.video_menu_right{ display:block; width:64px; height:64px; position:absolute; right:2%; top:50%; margin-top:-32px; background:url(../images/icon_right.png) no-repeat left center; z-index:200;}

@media only screen and (max-width:1480px) {
.wrap{ width:100%; }
.xzheader{ padding:15px 0;}
.head-menu{ margin:0; width:100%;}
.head-menu ul{ padding:0;}
.head-menu nav{ float:none;}
.head-menu li{ width:16%;}

.head-menu li.li01{ width:8%; text-align:left;}
.head-menu li.li07{ width:12%; text-align:right;}

.xzheader .logo{ margin:0px 0 0;}
.xzheader .r-share{ margin:0 0 5px;}
.xzheader .r-tbox a.en{ margin:0 45px 0 0;}
.xzheader .r-tbox .wb{ margin:0;}
.list1 li .txt span{ margin:60px 0 10px;}
.list1 li .txt h2{ margin: 0;}
.list1 li.li_env .txt h2{ margin:40px 0 0;}
.list1 li.li_env{ width:20%;padding-bottom:20px;}
.list1 li.li_ass .txt span{ margin:10px 0 0;}
.list1 li.li_ass .txt h2{ margin:10px 0 0;}
.list1 li.li_ass .txt h2 + em{ margin:10px auto;}


.ind_block1{ padding:30px 0 0;}
.tit{ margin:0;}
.tit h1,.ind_block4 .txt dl dt,.list1 li.li_01 .txt h2, .list1 li.li_02 .txt h2{ font-size:30px;}
.tit em{ font-size:28px;}
.ind_block3 .c_con .c_t{ font-size:24px;}
.list{ padding:20px 0 0;}
.list li{ margin-bottom:30px;}
.list li .h{ font-size:20px; height:3em; margin:0;}
.list li .p{ height:6em;}

}

@media only screen and (max-width:1366px) {

.list li .h,.list1 li .txt h2,.head-menu li > a{ font-size:20px;}
.tit h1,.tit em,.list1 li.li_01 .txt h2, .list1 li.li_02 .txt h2,.ind_block4 .txt dl dt{ font-size:28px;}
.list li .h{ height:2.5em; margin:0 0 10px;}
.list li .p{ height:4.5em;}
.list2 li .txt h2{ padding:0 0 10px;}
.list2 li .txt .p{ height:6em;}
.ind_block3 .rr_box ul li{ padding:0 0 40px;}
}

@media only screen and (max-width: 1360px) {
.list li .h,.list1 li .txt h2,.head-menu li > a{ font-size:18px;}
.tit h1,.tit em,.list1 li.li_01 .txt h2, .list1 li.li_02 .txt h2,.ind_block4 .txt dl dt{ font-size:24px;}
.ind_block3 .c_con .c_t{ font-size:24px;}
.list li{ margin:0 0 50px;}
.ind_block4 .txt{ height:260px; margin-top:-130px;}
.ind_block4 .txt dl{ padding:20px;}
}


@media only screen and (max-width:1279px) {
.head-menu .child .txt,.ind_block3 .c_con .c_c,.ind_block4 .txt dl dd{ font-size:14px;}
.list li .h, .list1 li .txt h2, .head-menu li > a{ font-size:16px;}
.tit h1,.tit em,.list1 li.li_01 .txt h2, .list1 li.li_02 .txt h2,.ind_block4 .txt dl dt{ font-size:20px;}
.ind_block3 .c_con .c_t{ font-size:20px;}
.list li .h{ height:2.5em;}
.ind_block1{ padding:30px 0 0;}
.list{ padding:0;}
.list li{ margin:0 0 30px;}
.list li .p{ height:3em;}


.list1 li.li_06 h2{ margin:60px 0 0;}
.list1 li.li_env h2{ margin:150px 0 0;}
.list1 li .txt span{ margin:30px 0 10px;}
.list2,.ind_block3 .rr_box ul{ padding:50px 0 0;}
.ind_block3 .rr_box ul li{ padding:0 0 30px;}
.ind_block3{ height:auto; padding:0 0 100px; background-size:70%;}
.list2 li{ width:100%; margin:0 0 20px;}
.ind_block3 .c_con{ padding:20px 0 0;}
.ind_block4 .txt{ height:200px; margin-top:-100px;}
.foot_ll em{ padding:0 5px;}

}

@media only screen and (max-width:1200px) {
	.list1 li.li_env{width:25%;}


}
@media only screen and (max-width: 1150px) {
	.foot_rr em{ padding:0 10px; }
}

@media only screen and (max-width: 1023px) {

.list li{ width:100%;}
.list li .img{ width:30%;}
.list li .p{ height:5em;}
.list1 li .txt h2{ font-size:16px; }
.list1 li .txt span{ margin:60px 0 0;}
.list1 li.li_06 h2{ margin:80px 0 0;}
.list1 li.li_07 h2{ margin:100px 0 0;}
.list1 li.li_ass .txt span{ margin:20px 0 0;}
.list1 li.li_09 h2{ margin:10px 0 0;}
.list1 li .txt a.more{ display:none;}

.ind_block4 .txt{ width:60%;}
.ind_block3 .rr_box ul li h2{ font-size:16px;}
.foot_ll,.foot_rr{ width:100%; text-align:center; padding:0 0 10px;}
}
@media only screen and (max-width: 1002px) {
.list1 li.li_env {
    width: 33.3333%;
}

}

@media only screen and (max-width: 767px) {
	.list1 li.li_07 {
    width:100%;
}
body{ font-size:0.8em;}
.wrap{ max-width:740px; width:auto;}

.mobile-mask { background: #fff; position: fixed; display: block; opacity: 0; filter: alpha(opacity=0); z-index: 101; width: 100%; height: 100%; left: 0; top: 0; display: none; }
.mobile-bon { position:absolute; display: block; top:1.875em; right: 1.875em; z-index: 999999; width:67px; height:349px; background:url(../images/ph_02.png) no-repeat;}
.body-fixd { overflow:hidden;}
.head-menu nav { display:none; position:fixed; border: 0; margin: 0; left:0; top:6.25em; width:100%; z-index: 102; background:#006DBB}
.head-menu nav.on { display:block;}
.head-menu nav ul { position: absolute; left: 0; top: 0;padding:0; overflow-y: auto;}
.head-menu li,.head-menu li:first-child{ width:100%; text-align:center; background:#006DBB; position:relative;}
.head-menu nav li > a{ display:block; width:100%; height:2.5em; line-height:2.5; padding:0; margin:0; font-size:1.875em; color:#FFFFFF;}
.head-menu nav li > a:hover{ color:#fff;}
.head-menu li:hover > a,.head-menu li.hover > a{color:#fff;}
.head-menu li.hover em.arr{ display:none;}
.head-menu li.li01,.head-menu li.li07{ width:100%; text-align:center;}
.head-menu li.last{ display:block; font-family:Arial, Helvetica, sans-serif;}

.head-menu nav li:nth-child(2n){ background:#0060A4;}
.head-menu nav li .ico{ position:absolute; right:1.5em; top:1.85em; width:1.55em; height:0.813em; cursor:pointer; background:url(../images/ph_03.png) no-repeat center center; }
.head-menu nav li .ico.on{background:url(../images/ph_04.png) no-repeat center center;}
.head-menu nav li .child{ display: none; width:100%; position: relative; left:0; margin:0; line-height:2.5;background: #3892D2;}
.head-menu .child .txt{ width:100%; padding:0; height:auto;}
.head-menu .child .txt .num{ display:none;}
.head-menu .child .txt .abox{ width:100%; padding:0; margin:0;}
.head-menu .child .txt .abox dd{ width:100%; text-align:center;color:#004984;border-bottom: 1px solid #006DBB;}
.head-menu .child .txt .abox dd a{ display:block;color:#004984;}
.head-menu .child .txt .abox dd a:hover,.head-menu .child .txt .abox dd a.on{ background:none;}
.head-menu li.li02 .child .txt .abox,.head-menu li.li03 .child .txt .abox,.head-menu li.li05 .child .txt .abox,.head-menu li.li06 .child .txt .abox{ padding:0;}

.xzheader{ padding:0;}
.xzheader .logo{ margin:2.25em auto; width:34%; text-align:center; float:none;}
.xzheader .logo img{ width:100%; height:auto;}
.xzheader .r-tbox{ float:none; width:100%; display:none;}
.xzheader .r-share{ display:none; }
.xzheader .r-tbox .wb{ display:none;}

.xzheader .r-tbox a.en{ display:none;}
.xzheader .search{ background:#006DBB; height:4.6875em; line-height:4.6875em; border:none; position:relative;}
.xzheader .search input.s_inp{ float:none; top:0; padding:0; width:92%; margin:0.5em 3%; padding:0 2%; height:4em; line-height:4em;border-radius:10px; background:#fff;}
.xzheader .search input.s_inp + input{ float:none; position:absolute; width:30px; height:34px; right:3em; top:1.5em; background:url(../images/ph_05.png) no-repeat;}
.xzheader .search.on{ border:none;}

.phone_share{ display:block;position:absolute; cursor:pointer; top:1.875em; left: 1.875em; width:3.0625em; height:3.3125em; background:url(../images/ph_01.png) no-repeat;}
.phone_share .wb{ display:none; position:absolute; left:0; top:110%; width:100%; z-index:1000; background:#006DBB;}
.bdshare-button-style2-16 a, .bdshare-button-style2-16 .bds_more{ margin:5px!important;}
.xzc3main{ width:96%; margin:0 auto;}

.ind_block1{ padding:20px 0 0;}

.tit{ margin:0 0 0px;}
.tit h1, .tit em,.ind_block4 .txt dl dt{ font-size:18px;}
.ind_block3 .c_con .c_t{ font-size:16px; margin:0 0 10px;}
.head-menu .child .txt, .ind_block3 .c_con .c_c, .ind_block4 .txt dl dd{ font-size:12px;}
.list li .img{ display:none;}
.list li .txt{ width:auto; padding:0;}
.list li .h,.list li .p{ height:auto;}
.list li .h,.list li .p, .list1 li .txt h2,.list1 li.li_01 .txt h2, .list1 li.li_02 .txt h2, .head-menu li > a{ font-size:12px;}
.list1 li .txt h2 + em{ display:none;}
.list1 li.li_01, .list1 li.li_02,.list1 li.li_03, .list1 li.li_04,.list1 li.li_05{width:96%;padding-left:2%;height:70%; }

.list1 li.li_06{width:150%;height:180px;}
.list1 li.li_06 img{right:30%;}
.list1 li .img img {
    transition: all 0.3s;
    transform: translate3d(-10px,-10px,0) scale(1.1);
    
}
.list1 li.li_env .txt h2{ margin:50px 0 0;}
.list1 li.li_ass .txt h2{ margin:0;}
.list1 li.li_env {
    width:45%;padding-left:5%
}
.list1 li .txt span{ margin:20px 0 0;}
.list1 li .txt span img{ width:20px; height:21px;}
.list1 li .txt h2{ margin:0;}
.list1 li .img img{transform: translate3d(0,0,0) scale(1);}


.ind_block3{ background-position:-150px 100%; height:auto; background-size:100%;}
.ind_block3 .tit{ padding:20px 0 0; width:100%; float:none;}
.ind_block3 .inner{ float:none; width:100%;}
.ind_block3 .ll_box,.ind_block3 .rr_box{ float:none; width:100%;}
.list2, .ind_block3 .rr_box ul{ padding:0;}
.ind_block3 .rr_box ul li{ padding:10px 10px;}
.ind_block4 .img{ display:none;}
.ind_block3 .banner1{ display:block;}
.ind_block3 .banner1 li span{ position:absolute; left:50%; top:50%; z-index:2; width:3.375em; height:3.375em; margin:-1.6875em 0 0 -1.6875em; background:url(../images/ph_06.png) no-repeat;}
.ind_block4{ margin:20px 0 0;}
.ind_block4 .txt{ position:relative; left:auto; top:auto; margin:0; width:100%; height:auto; padding:0; background:url(../images/dot17.png) right top no-repeat #E1E1E1;}
.ind_block4 .txt dl{color:#242424;}
.foot_rr,.foot_ll{ float:none; width:100%; text-align:center;}
.foot_rr em{ padding:0 10px;}
.foot_ll span{ display:block;}
.foot_ll span + em{ display:none;}
.video_tab_t{ font-size:12px;}
.closeVideo{ width:20px; height:20px; background-size:cover; right:-10px; top:-10px;}
.video_appbox .video_t{ height:60%;}

.ind_block1 .list li:nth-child(2),.ind_block1 .list li:nth-child(3){ display:none;}
.ind_block3 .c_con{ padding:10px;}

.video_menu_left{ display:block; width:32px; height:32px; position:absolute; left:2%; top:50%; margin-top:-16px; background:url(../images/icon_left.png) no-repeat left center; z-index:200; display:none; background-size:100% 100%;}
.video_menu_right{ display:block; width:32px; height:32px; position:absolute; right:2%; top:50%; margin-top:-16px; background:url(../images/icon_right.png) no-repeat left center; z-index:200; background-size:100% 100%;}

.banner .bx-wrapper .bx-pager, .banner .bx-wrapper .bx-controls-auto{bottom: 0px;}
}


@media only screen and (max-width: 500px) {
	.tit h1 a {
    font-size: 24px;
    
}
	
	.list1 li.li_01, .list1 li.li_02, .list1 li.li_03, .list1 li.li_04, .list1 li.li_05 {
    width: 98%;padding-left:1%;
    height: 90%;
}
	
	.list1 li.li_06 img {
   width:100%;height:170px; }
	.list1 li.li_env {
    width:70%;padding-left:12%
}
body{ /*font-size:64.86%;*/}
.mobile-bon,.head-menu nav li .ico,.mobile-bon,.head-menu nav li .ico.on,.phone_share{ top:1em;background-size:50%;}
.head-menu nav li > a,.head-menu .child .txt a{ font-size:100%;}
.xzheader .logo{ margin:1.2em auto; width:40%;}
.mobile-bon{ width:34px; height:25px; background-size:cover; right:1em;}
.phone_share{width:25px; height:27px; background-size:cover; left:1em;}
.phone_share .wb{ width:30px;}
.xzheader .search{ height:3.6em; line-height:3.3em;}
.xzheader .search input.s_inp{ height:3em; line-height:3em;}
.xzheader .search input.s_inp + input{ right:0; top:1.4em;background-size:50%;}
.head-menu nav{ top:3.75em;}
.ind_block3 .banner1 li span{ background-size:50%;margin:-0.84375em 0 0 -0.84375em;}
.video_tab_t{ width:100%;}
.video_tab_t li a{ font-size:1em;}
.list1 li.li_env .txt h2 + em{ display:none;}
}


.erwei{width:54px;height:54px;position:fixed;bottom:208px;right:30px;cursor:pointer;z-index:99999;}
.erwei img{width:100%;height:auto;}

.app{width:54px;height:54px;position:fixed;bottom:144px;right:30px;cursor:pointer;z-index:99999;}
.app img{width:100%;height:auto;}

/*微信&朋友圈弹窗*/
.weixin{ position:fixed; width:300px; height:280px; z-index:100000; left:50%; top:50%; margin:-120px 0 0 -150px; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:1px 1px 10px #666;}
.weixin .c{ position:absolute; width:30px; height:30px; background:url(../images/x.png); overflow:hidden; text-indent:100px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.weixin h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px; font-weight:normal;}
.weixin .img{ padding:30px 0 10px; text-align:center; border-top:1px solid #ddd;}
.weixin p {  margin:0 1.5%; text-align:center;  }
.weixin .img img{ width:150px; height:150px; display:block; margin:0 auto 10px; }



/*微信&朋友圈弹窗*/
.appCode{ position:fixed; width:300px; height:370px; z-index:100000; left:50%; top:50%; margin:-120px 0 0 -150px; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:1px 1px 10px #666;}
.appCode .c{ position:absolute; width:30px; height:30px; background:url(../images/x.png); overflow:hidden; text-indent:100px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.appCode h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px; font-weight:normal;}
.appCode .img{ padding:30px 0 10px; text-align:center; border-top:1px solid #ddd;}
.appCode p {  margin:0 1.5%; text-align:center;  }
.appCode .img img{ width:150px; height:150px; display:block; margin:0 auto 10px; }




















